<template>
  <div>
    <div>
      <progress :value="progressValue" max="100"></progress
      ><span>{{ progressValue.toFixed(0) }}%</span>
    </div>
    <div style="text-align: center">时间进度条</div>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      today: new Date(),
      currentMonth: new Date().getMonth() + 1,
      currentYear: new Date().getFullYear(),
    };
  },
  computed: {
    daysInMonth() {
      return new Date(this.currentYear, this.currentMonth, 0).getDate();
    },
    progressValue() {
      const today = this.today.getDate();
      return (today / this.daysInMonth) * 100;
    },
  },
};
</script>